<template>
  <div class="doctorbox">
    <div v-if="!pushStatus">
    <el-row style="margin-bottom:10px">
      <el-col :span="8" >
        <h4 style="margin:0">
          <span>医生管理</span>
        </h4>
      </el-col>
      <el-col :span="16" style="text-align:right">
        
      </el-col>
    </el-row>
   
    <el-table :data="tableData" border style="width: 100%" @selection-change="handleSelectionChange">
      <!--<el-table-column type="selection" width="55"></el-table-column>-->
      <el-table-column prop="ID" label="序号" width="60">
         <template slot-scope="scope">{{scope.$index+1}}</template>
      </el-table-column>
      <el-table-column prop="name" label="手机"> </el-table-column>      
      <el-table-column prop="name" label="姓名"> </el-table-column>      
      <el-table-column prop="name" label="性别"> </el-table-column>      
      <el-table-column prop="work_time" label="城市"></el-table-column>
      <el-table-column prop="skill" label="生日"></el-table-column>
      <el-table-column prop="page_view" label="消费"></el-table-column>
      <el-table-column prop="page_view" label="备注"></el-table-column>
      
      <el-table-column width="150" label="操作">
        <template slot-scope="scope">
          <div>
            <el-button class="addBtn" type="primary" @click="edithFun(scope.row)">消费记录</el-button>
            <el-button class="addBtn" type="primary" @click="Remarks">备注</el-button>
          </div>
        </template>
      </el-table-column>
    </el-table>

    <el-dialog title="备注" :visible.sync="dialogVisible" center width="40%" :before-close="handleClose">
      <div class="" style="text-align:center">
        <div><el-input v-model.number="input" placeholder="请输入金额"></el-input></div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="handleClose">取 消</el-button>
        <el-button type="primary" @click="submitFun('ruleForm2')">确 定</el-button>
      </span>
    </el-dialog>
     <div class="block">
        <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="currentPage4"
          :page-sizes="[10, 20, 30, 50]"
          :page-size="10"
          layout="total, sizes, prev, pager, next, jumper"
          :total="total">
        </el-pagination>
    </div>
    </div>

  </div>
</template>

<script>
  import Http from '@/Http/Http'
  import getTime from '@/Http/getTime'
  export default {
    data() {
      return {
        pushStatus:false,
        dialogVisible:false,
        editData:'',
        total:0,
        currentPage4: 1,//分野  
        page:1,
        input:'',
        pageSize:10,
        tableData: [{name:'dsa'}]
      }
    },
    created(){
      this.getlist()
    },
    methods: {
      getlist(){
      },
      getdata (evt) {
        console.log(evt.draggedContext.element.text)
      },
      
    
      edithFun(row){
      },

      Remarks(){
        this.dialogVisible = true;
      },
      handleClose() {
        this.dialogVisible = false;
      },

      //选择 推荐
      handleSelectionChange() {
        
      },
      //分页
      handleSizeChange(val) {
        this.pageSize = val;
        this.getlist()
        console.log(`每页 ${val} 条`);
      },
      handleCurrentChange(val) {
        this.page = val;
        this.getlist()
        console.log(`当前页: ${val}`);
      },
    }
  }
</script>
<style  scoped>
.doctorbox{
  background: #fff;
  padding:10px;
  min-height: 500px
}
</style>
